<template>
	<div class="base-info-content">
		<el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-width="150px" :size="formSize" status-icon>
			<el-form-item label="积分设置：" >
				<el-radio-group v-model="state.quota" >
					<el-radio :label="1">不积分</el-radio>
					<el-radio :label="2">全额积分</el-radio>
					<el-radio :label="3">自定义积分</el-radio>
				</el-radio-group>
			</el-form-item>

			<section style="text-align: center; margin: 50px 0;">
				<el-button type="primary" size="large" @click="previousStep">上一步</el-button>
				<el-button type="primary" size="large" @click="nextStep">下一步</el-button>
			</section>
		</el-form>
	</div>
</template>

<script setup lang="ts" name="funWangEditor">
import { reactive } from 'vue';
import type { TStep } from '../add.vue'

// 定义变量内容
const state = reactive({
	quota: 1
});

const emit = defineEmits<{
	stepChange: [step: TStep] 
}>()

const previousStep = () => {
    emit('stepChange', 'third')
}

const nextStep = () => {
    emit('stepChange', 'fifth')
}
</script>

<style>
.line-title{
	font-size: 18px;
	padding: 8px 12px;
	background-color: #eceef0;
	border-radius: 6px;
	margin-bottom: 15px;
}
</style>
